<template> 
<div id="app">
  <div>
  <br>  
  <form class="form-inline" style="display:">
    <label>设备号:</label>
    <input type="text" id="deviceNumber" class="form-control" maxlength="12" onkeyup="value=value.replace(/[^\w]/g,'')"/>
  <label for="name">&nbsp;发送状态:</label>
  <select id="sendState" class="form-control">
    <option value="">全部</option> 
    <option value="1">等待发送</option> 
    <option value="0">正在发送</option> 
    <option value="4">发送成功</option> 
    <option value="10">发送失败</option>
   </select>
   <label>开始时间:</label>
    <input type="text" id="demo_datetime" class="form-control"/>
      
  <label>结束时间:</label>
    <input type="text" id="demo_endtime" class="form-control"/>
   <button type="button" id="select" class="btn btn-primary">查询</button>
    
    <button id="sx" class="btn btn-primary">刷新</button>
  </form>
  </div>
  <div>
  </div>
<br>
<div class="jqGrid_wrapper"> 
                        <table id="table_list_1"></table>
                        <div id="pager_list_1"></div>
                    </div>

</div>  
</template>
<style>
@import '../../../../static/css/ztree/metroStyle.css';

@import '../../../../static/css/mloading/jquery.mloading.css';
@import '../../../../static/css/time/mobiscroll.custom.min.css';



/* 滚动时间 */
</style>
<style  scoped>
#demo_datetime,#demo_endtime{
  width:150px;
}

#deviceNumber,#sendState{
   width:130px;
}
 ul.ztree {
    margin-top: 10px;
    border: 1px solid #617775;
    background: #f0f6e4;
    width: 210px;
    height: 360px;
    overflow-y: scroll;
    overflow-x: auto;
}
.ztree {
    margin: 0;
    padding: 5px;
    color: #333;
}
  ::-webkit-scrollbar {
            width: 6px;
            /*height: 6px;*/
        }
        /*正常情况下滑块的样式*/
      ::-webkit-scrollbar-thumb {
            background-color: rgba(0,0,0,.05);
            border-radius: 10px;
            -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
        }
        /*鼠标悬浮在该类指向的控件上时滑块的样式*/
        :hover::-webkit-scrollbar-thumb {
            background-color: rgba(0,0,0,.2);
            border-radius: 10px;
            -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
        }
        /*鼠标悬浮在滑块上时滑块的样式*/
       ::-webkit-scrollbar-thumb:hover {
            background-color: rgba(0,0,0,.4);
            -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
        }
        /*正常时候的主干部分*/
        ::-webkit-scrollbar-track {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
            background-color: white;
        }
        /*鼠标悬浮在滚动条上的主干部分*/
        ::-webkit-scrollbar-track:hover {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.4);
            background-color: rgba(0,0,0,.01);
        }

      
/* @import '../../../../static/css/home/bootstrap.min.css';*/
 </style>
<script>
//import loading from '../../../../static/js/Tree/companyTree.js'
//import loadingtow from '../../../../static/js/Tree/companyTreetow.js'
//import Vue from 'vue';
//Vue.use(loading);
import '../../../../static/js/jqgrid/jquery.jqGrid.min.js';
import '../../../../static/js/jqgrid/grid.locale-cn.js';
import  '../../../../static/js/page/Device/record.js';
import  '../../../../static/js/mloading/jquery.mloading.js';
import '../../../../static/js/time/dateTime.js'; /* 滚动时间 */
import '../../../../static/js/time/mobiscroll.custom.min.js';
//import loading from '@/views/tree/companylist.vue';
//import '../../../../static/js/md5.js';
 export default { 
    name: 'app', 
    data(){
        return{
          //selected:"",
         //lgvsRole:"",
        // userinfo:"",
        // selectedsex:"",
        // selectedzt:"",
          // selected: '01',   // 这里选择默认项
      }
    },
     mounted(){  
     //console.log(hex_md5("123456").toUpperCase());
   //var self = this;
   // domain.jsonthis=this;
    // var json=[{"user_name":123}];
   // this.userinfo=json;alert(this.userinfo);
// hex_md5("123456").toUpperCase()fcomponent
   // console.log(json.libraryBooks);
       //self.userinfo=json.libraryBooks;
    },
    methods:{
    },
    
}

</script>